<div class="Integral" ng-controller="IntegralGuideController" ng-cloak>
    <style>
        html,body{
            background: #F7F6F6;
            height: 100%;
            overflow-y:auto ;
            position: relative;
        }
    </style>
    <div class="Integral_head" ng-if="!titleStatus">
        <a class="Integral-back" go-back></a>
        <span class="Integral-title">积分指南</span>
    </div>
    <!--头部开始-->
    <div id="Integral_container" class="Integral_container " ng-class="{'true':'active','false':''}[titleStatus]">
        <ul class="IntegralGuide_ul">
            <li>
                <h2><i></i> <span>积分的作用？</span></h2>
               <p>用户获得的所有积分都可用于兑换鹿仙贝，鹿仙贝可用于兑换应援棒。</p>
            </li>
            <li>
                <h2><i></i> <span>积分可获取应援棒么？</span></h2>
                <p>积分不可直接换取应援棒，需要先换取鹿仙贝然后再换取应援棒。</p>
            </li>
            <li>
                <h2><i></i> <span>积分兑换后等级会下降么?</span></h2>
                <p>不会降，等级是通过经验值来判断，经验值不可兑换。</p>
            </li>
            <li>
                <h2><i></i> <span>如何获取积分？</span></h2>
               <div class="IntegralGuide_listDiv">
                  <ul class="IntegralGuide_list">
                      <li class="clear" ng-repeat="rulelist in rulelists">
                          <span class="fl rulelist_name" ng-bind="rulelist.ruleName">等级是通过经验值来判断，经验值不可兑换</span>
                          <span class="fr ruleCorde" style="color:#e72e62;font-weight:bold;" ng-if="rulelist.ruleName=='收藏'||rulelist.ruleName=='评分'">+{{rulelist.ruleIntegral}} <span>（同一内容获赠一次）</span></span>
                          <span class="fr " style="color:#e72e62;font-weight:bold;" ng-if="rulelist.ruleName!='收藏'&&rulelist.ruleName!='评分'">+{{rulelist.ruleIntegral}}</span>
                      </li>
                  </ul>
               </div>
            </li>
        </ul>
    </div>
</div>